

import cssVars from 'css-vars-ponyfill';
import defaultSettings from '@/config/defaultSettings'

//浅色
export const colorList = [
    {key: '薄暮', color: '#b32633',type:'light'},
    {key: '日暮', color: '#e66b28',type:'light'},
    {key: '明青', color: '#13C2C2',type:'light'},
    {key: '极光绿', color: '#1ca794',type:'light'},
    {key: '绿松石蓝', color: '#39a7be',type:'light'},
    {key: '拂晓蓝', color: '#199cec',type:'light'},
    {key: '火焰蓝', color: '#0e61af',type:'light'},
    
]

//深色
export const darkColorList = [
    {key: '绀蓝', color: '#003d74',type:'dark'},
    {key: '烟雨青蓝', color: '#237f8a',type:'dark'},
]

const themeOptions = {
    薄暮: {
        '--primary-color': '#b32633',//默认主题色
        '--link-color':'#b32633',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件默认边框颜色
        '--component-select-border-color':'#b32633',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色

        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#b32633',//menu 选中后，背景颜色
        '--menu-background-color':'#2d343c',//menu 默认背景颜色
        '--menu-submenu-background-color':'#1a2129',//menu 展开的节点背景颜色,子节点的背景颜色

        // '--menu-background-color':'#7c2e37',//menu 默认背景颜色
        // '--menu-submenu-background-color':'#572733',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#b32633',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#b32633',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#f0f2f5',//layout背景颜色
        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色
        '--card-background-color':'#ffffff',//card 背景颜色

        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#b32633',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#b32633',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线
        

        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#b32633',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色

        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',
    },
    日暮: {
        '--primary-color': '#e66b28',//默认主题色
        '--link-color':'#e66b28',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认边框颜色
        '--component-select-border-color':'#e66b28',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#e66b28',//menu 选中后，背景颜色
        '--menu-background-color':'#1a1b1c',//menu 默认背景颜色
        '--menu-submenu-background-color':'#0e0f10',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#e66b28',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#e66b28',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色.
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#f0f2f5',//layout背景颜色
        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色
        '--card-background-color':'#ffffff',//card 背景颜色
        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#e66b28',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#e66b28',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线
      
        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#e66b28',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',

    },
    明青: {
        '--primary-color': '#13C2C2',//默认主题色
        '--link-color':'#13C2C2',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认颜色
        '--component-select-border-color':'#13C2C2',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#13C2C2',//menu 选中后，背景颜色
        '--menu-background-color':'#32323a',//menu 默认背景颜色
        '--menu-submenu-background-color':'#212026',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#13C2C2',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#13C2C2',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色
        '--layout-background-color':'#f0f2f5',//layout背景颜色
        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色
        '--card-background-color':'#ffffff',//card 背景颜色
        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#13C2C2',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#13C2C2',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线

        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#13C2C2',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',

    },
    极光绿: {
        '--primary-color': '#1ca794',//默认主题色
        '--link-color':'#1ca794',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认颜色
        '--component-select-border-color':'#1ca794',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#1ca794',//menu 选中后，背景颜色
        '--menu-background-color':'#178072',//menu 默认背景颜色
        '--menu-submenu-background-color':'#07695c',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#1ca794',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#1ca794',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#f0f2f5',

        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色

        '--card-background-color':'#ffffff',//card 背景颜色

        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#1ca794',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#1ca794',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线
     
        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#1ca794',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',

    },
    绿松石蓝: {
        '--primary-color': '#39a7be',//默认主题色
        '--link-color':'#39a7be',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认颜色
        '--component-select-border-color':'#39a7be',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#39a7be',//menu 选中后，背景颜色
        '--menu-background-color':'#06738e',//menu 默认背景颜色
        '--menu-submenu-background-color':'#045063',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#39a7be',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#39a7be',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#f0f2f5',//layout背景颜色

        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色

        '--card-background-color':'#ffffff',//card 背景颜色
        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#39a7be',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#39a7be',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线
 
        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#39a7be',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',

    },
    拂晓蓝: {
        '--primary-color': '#199cec',//默认主题色
        '--link-color':'#199cec',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认颜色
        '--component-select-border-color':'#199cec',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#199cec',//menu 选中后，背景颜色
        '--menu-background-color':'#2d343c',//menu 默认背景颜色
        '--menu-submenu-background-color':'#1a2129',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#199cec',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#199cec',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#f0f2f5',//layout背景颜色
        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色
        '--card-background-color':'#ffffff',//card 背景颜色
        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#199cec',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#199cec',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线
 
        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#199cec',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色

        '--ant-upload-background-color':'#fafafa',

    },
    火焰蓝: {
        '--primary-color': '#0e61af',//默认主题色
        '--link-color':'#0e61af',//默认超链接颜色

        '--component-border-color':'#D9D9D9',//组件边框默认颜色
        '--component-select-border-color':'#0e61af',//组件选择后，边框颜色
        '--component-background-color':'#ffffff',//组件默认背景颜色
        '--component-disabled-background-color':'#f5f5f5',//组件只读后，背景颜色
        '--component-disabled-color':'#b8b8b8',//组件只读后，字体颜色


        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#0e61af',//menu 选中后，背景颜色
        '--menu-background-color':'#223143',//menu 默认背景颜色
        '--menu-submenu-background-color':'#1e2b3a',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#f6f6f6',//表格，鼠标滑动是背景颜色
        '--ant-table-bar-color':'#e8e8e8',//表格网格线
        '--ant-table-thead-background-color':'#0e61af',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#0e61af',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#ffffff',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#d9d9d9',//表格没内容时，默认填充时，边框颜色
        '--layout-background-color':'#f0f2f5',//layout背景颜色
        '--text-color':'rgba(0,0,0, 0.8)',//默认字体颜色
        '--card-background-color':'#ffffff',//card 背景颜色
        '--ant-tabs-bar-color':'#e8e8e8',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#0e61af',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#ffffff',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#0e61af',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#ffffff',//tab页面下面增加了一个横线

        '--drawer-header-background-color':'#ffffff',//drawer标题背景色

        '--btn-background-color':'#ffffff',//默认按钮背景颜色
        '--btn-primary-background-color':'#0e61af',//primary模式下，按钮颜色
        '--btn-border-color':'#d9d9d9',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#bae7ff;',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#e6f7ff',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#fafafa',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 0.2)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(255,255,255, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#ffffff',//spin加载时背景颜色
        
        '--ant-upload-background-color':'#fafafa',
    },
    绀蓝: {
        '--primary-color': '#003d74',//默认主题色
        '--link-color':'#1474d3',//默认超链接颜色

        '--component-border-color':'#132b53',//组件边框默认颜色
        '--component-select-border-color':'#1474d3',//组件选择后，边框颜色
        '--component-background-color':'#122547',//组件默认背景颜色
        '--component-disabled-background-color':'#03173c',//组件只读后，背景颜色
        '--component-disabled-color':'#c0c4cc',//组件只读后，字体颜色



        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#1474d3',//menu 选中后，背景颜色
        '--menu-background-color':'#07204d',//menu 默认背景颜色
        '--menu-submenu-background-color':'#001529',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#132b53',//表格，鼠标滑动表格行时背景颜色
        '--ant-table-bar-color':'#132b53',//表格网格线
        '--ant-table-thead-background-color':'#003d74',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#132b53',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#1474d3',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#132b53',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#03173c',//layout背景颜色

        '--text-color':'rgba(255,255,255, 0.75)',//默认字体颜色

        '--card-background-color':'#03173c',//card 背景颜色

        '--ant-tabs-bar-color':'#132b53',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#1474d3',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#122547',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#1474d3',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#091133',//tab页面下面增加了一个横线

        '--drawer-header-background-color':'#122547',//drawer标题背景色

        '--btn-background-color':'#122547',//默认按钮背景颜色
        '--btn-primary-background-color':'#1474d3',//primary模式下，按钮颜色
        '--btn-border-color':'#1474d3',//按钮默认边框颜色


        '--ant-tree-node-selected-background-color':'#1474d3',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#132b53',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#003d74',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 1)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(20,116,211, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#132b53',//spin加载时背景颜色

        '--ant-upload-background-color':'#132b53',
        
    },
    烟雨青蓝: {
        '--primary-color': '#237f8a',//默认主题色
        '--link-color':'#43b3bb',//默认超链接颜色

        '--component-border-color':'#283241',//组件边框默认颜色
        '--component-select-border-color':'#174d5a',//组件选择后，边框颜色
        '--component-background-color':'#283241',//组件默认背景颜色
        '--component-disabled-background-color':'#1b2535',//组件只读后，背景颜色
        '--component-disabled-color':'#c0c4cc',//组件只读后，字体颜色



        '--menu-item-a-text-color':'rgba(255,255,255,0.65)',//menu 默认的链接颜色
        '--menu-item-a-hover-color':'rgba(255,255,255)',//menu 鼠标滑动时的颜色
        '--menu-item-item-selected-background-color':'#237f8a',//menu 选中后，背景颜色
        '--menu-background-color':'#053f4d',//menu 默认背景颜色
        '--menu-submenu-background-color':'#032c36',//menu 展开的节点背景颜色,子节点的背景颜色

        '--ant-table-row-hover-color':'#1d2d3c',//表格，鼠标滑动表格行时背景颜色
        '--ant-table-bar-color':'#283241',//表格网格线
        '--ant-table-thead-background-color':'#2c616b',//表格标题背景颜色
        '--ant-table-thead-hover-color':'#2d6974',//表格，鼠标滑动标题时背景颜色
        '--ant-table-column-sorter-color':'#43b3bb',//表格增加排序时，排序的箭头颜色
        '--ant-table-placeholder-border-color':'#283241',//表格没内容时，默认填充时，边框颜色

        '--layout-background-color':'#1b2535',//layout背景颜色
        '--card-background-color':'#1b2535',//card 背景颜色

        '--text-color':'rgba(255,255,255, 0.75)',//默认字体颜色

        

        '--ant-tabs-bar-color':'#2d3645',//tab默认边框颜色
        '--ant-tabs-tab-active-background-color':'#053f4d',//tab选中后背景颜色
        '--ant-tabs-tab-background-color':'#2d3645',//tab未中后背景颜色
        '--ant-tabs-ink-bar-color':'#43b3bb',//tab选中时，底部颜色
        '--ant-tabs-bottom-line-color':'#3b4e64',//tab页面下面增加了一个横线

        '--drawer-header-background-color':'#2d3645',//drawer标题背景色

        '--btn-background-color':'#2c616b',//默认按钮背景颜色
        '--btn-primary-background-color':'#43b3bb',//primary模式下，按钮颜色
        '--btn-border-color':'#174d5a',//按钮默认边框颜色

        '--ant-tree-node-selected-background-color':'#3b96a1',//树节点被选中后，背景颜色
        '--ant-tree-node-hover-color':'#2d3645',//树节点鼠标滑动时，背景颜色

        '--ant-select-selection-choice-background-color':'#394755',//下拉多选时候，填充到输入框中，每个选项的背景颜色

        '--scrollbar-background-color':'rgba(15,16,17, 1)',//滚动条背景颜色
        '--scrollbar-move-color':'rgba(67,179,187, 0.8)',//滚动条拖拽颜色

        '--ant-spin-container':'#1d2d3c',//spin加载时背景颜色

        '--ant-upload-background-color':'#1d2d3c',
    }
    
  };

 
  
  export const updateTheme = (item) => {
    localStorage.setItem(defaultSettings.localStorageThemeKey,item.key)
    localStorage.setItem(defaultSettings.localStoragePrimaryColorKey,item.color)
    localStorage.setItem(defaultSettings.localStorageThemeType,item.type)
    document.documentElement.setAttribute('data-theme', item.key || defaultSettings.primaryTheme);
    cssVars({
      watch: true,
      // variables 自定义属性名/值对的集合
      variables: themeOptions[item.key || defaultSettings.primaryTheme],
      // 当添加，删除或修改其<link>或<style>元素的禁用或href属性时，ponyfill将自行调用
      onlyLegacy: false, // false 默认将css变量编译为浏览器识别的css样式 true 当浏览器不支持css变量的时候将css变量编译为识别的css
    });
    
  };
  

  export const initTheme = (theme) => {
    //首先判断item是否有key
    document.documentElement.setAttribute('data-theme', theme);
    cssVars({
      watch: true,
      // variables 自定义属性名/值对的集合
      variables: themeOptions[theme],
      // 当添加，删除或修改其<link>或<style>元素的禁用或href属性时，ponyfill将自行调用
      onlyLegacy: false, // false 默认将css变量编译为浏览器识别的css样式 true 当浏览器不支持css变量的时候将css变量编译为识别的css
    });
  };

